import { createRouter, createWebHistory } from 'vue-router'
import Home from '../pages/Home.vue'
import HanziLearning from '../pages/HanziLearning.vue'
import StrokePractice from '../pages/StrokePractice.vue'
import WordExamples from '../pages/WordExamples.vue'
import Exam from '../pages/Exam.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/learning',
    name: 'HanziLearning',
    component: HanziLearning
  },
  {
    path: '/practice',
    name: 'StrokePractice',
    component: StrokePractice
  },
  {
    path: '/words',
    name: 'WordExamples',
    component: WordExamples
  },
  {
    path: '/exam',
    name: 'Exam',
    component: Exam
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router